<?php
require_once($_SERVER['DOCUMENT_ROOT'] . '/Prototipo/conexao/ConexaoBanco.php');
$banco = new ConexaoBanco();
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
    <script src="http://malsup.github.com/jquery.form.js"></script> 

<script>
	function validarData(campo,div) {
		
        var expReg = /^(([0-2]\d|[3][0-1])\/([0]\d|[1][0-2])\/[1-2][0-9]\d{2})$/;
        if ((campo.value.match(expReg)) && (campo.value!='')) {
        	
        	
        	document.getElementById(div).setAttribute("class","control-group success span3");// alert alert-success
        	
                //document.getElementById("dtNascimento").style.backgroundColor = "#FF6A6A";
        }
        else{
        	document.getElementById(div).setAttribute("class","control-group error span3");// alert alert-error
	        } 
	}
	 function mascara_data(div,campo){
		 document.getElementById(div).setAttribute("class","control-group error span3");
		
		var mydata = '';
		mydata = mydata + campo.value;
		
		if (mydata.length == 2){
			mydata = mydata + '/';
			
			campo.value = mydata;
			
		}
		if(mydata.length == 5){
			mydata = mydata + '/';
			campo.value = mydata;
		}
		if(mydata.length == 10){
			
			verifica_data(div,campo);
			
		}
		
	}
	function verifica_data (div,campo){
	  
		dia = (campo.value.substring(0,2));
		mes = (campo.value.substring(3,5));
		ano = (campo.value.substring(6,10));
	  
	 	situacao = "";
	 	//verifica o dia valido para cada mes
		if ((dia < 01)||(dia < 01 || dia > 30) && ( mes == 04 || mes == 06 || mes == 09 || mes == 11 ) || dia > 31) {
		 	situacao = "false";		 	
		}
	  
	 	//verifica se o mes e valido
	 	if (mes < 01 || mes > 12 ){
			situacao = "false";
		}
	  
	 	// verifica se e ano bissexto
	 	if (mes == 2 && ( dia < 01 || dia > 29 || ( dia > 28 && (parseInt(ano / 4) != ano / 4)))){
			situacao ="false";
		}
	 	if (campo.value == ""){
		 	situacao = "false";
		}		
		if(situacao == "false"){
			document.getElementById(div).setAttribute("class","control-group error  span3");
		}
		else if(situacao == ""){
			document.getElementById(div).setAttribute("class","control-group success span3");
		}

		
	 }

	
	function validarTexto(campo,div){
		//se o campo n�o possui nenhum caractere especial valida input
		var regEx=/[^a-zA-Z0-9- -]/;
		var tamanho = campo.value.length;
		if(regEx.test(campo.value) || campo.value == '' || tamanho<3){
			document.getElementById(div).setAttribute("class","control-group error");// alert alert-error		
		}
		else{
			document.getElementById(div).setAttribute("class","control-group success ");//alert alert-success 
		}
	}

	function validarNumero(campo){
		
		if ((isNaN(campo.value))|| (campo.value=='')|| (campo.value<0.3) || (campo.value>2.5)) { 
			document.getElementById("divAltura").setAttribute("class","control-group error span3");// alert alert-error
			
			}
		else
			document.getElementById("divAltura").setAttribute("class","control-group success span3");// alert alert-success
	}

	function SubstituiVirgulaPorPonto(campo){
		campo.value = campo.value.replace(/,/gi, ".");
	}
	  
			
</script>
<div class="form">
<form id="formulario" Method="post" enctype="multipart/form-data" action="/Prototipo/visao/desaparecidos/validaDados.php">
	<fieldset>
	
		<h1>Cadastrar Desaparecido</h1>
				
				<!-- endereço -->
						
			<fieldset name="dadosPessoais">
				<legend>Dados pessoais </legend>
				
				<div class="control-group " id ="divNome">
					<label class="control-label" for="inputInfo">Nome</label>
					<div class="controls">
						<input title="Nao utilize acentuacao!!" class = "span6" type="text" placeholder="Nome Completo" id="nome" name = "nome" onblur="validarTexto(this,'divNome')">
						
					</div>
				</div>
				
				<div class = "row">
					<div class="control-group span3" id ="divDate">
						<label class="control-label" for="inputInfo">Data de Nascimento</label>
						<div class="controls">
							<input type="text" title="formato: dd/mm/aaaa" class = "span3" placeholder="dd/mm/aaaa" id = "dtNascimento" name = "dtNascimento" onkeyup="mascara_data('divDate',this)">
						</div>
					</div>
									
					<div class="control-group span3" id ="divAltura">
						<label class="control-label" for="inputInfo">Altura Apoximada</label>
						<div class="controls">
							<input type="text" title="Utilize . ao inv�s de , " onkeyup="SubstituiVirgulaPorPonto(this)"  class = "span3" id="inputError" placeholder="Ex: 1.85" id = "alturaAprox" name = "alturaAprox" onblur="validarNumero(this)" >
						</div>
					</div>	
				</div>
				
				<div class="" id ="divCaracteristicas">
						<label class="control-label" for="inputInfo">Caracter&iacutesticas F&iacutesicas</label>
						<div class="controls">
							<textarea title="Nao utilize acentuacao!!" class = "span6" placeholder="Tatuagens, marcas de nascencia, caracteristicas marcantes, cor dos olhos, cor do cabelo, se usa oculos" id= "caracteristicas" name = "caracteristicas" onblur="validarTexto(this,'divCaracteristicas')"></textarea>
						</div>
				</div>						
				<div class="control-group " id="foto">
					<label class = "control-label" for ="inputInfo">Foto</label>
						<input type="file" class="span4" name="nome_arquivo" id="imagem">
											
				</div>
			</fieldset>
					
				<fieldset name="desaparecimento">
					
					<legend>Relato do Desaparecimento</legend>
					<div class="row">
						<div class="control-group span3" id ="divDateDesaparecimento">
							<label class="control-label" for="inputInfo">Data do Desaparecimento</label>
							<div class="controls">
								<input type="text" placeholder="dd/mm/aaaa" id = "dtDesaparecimento" name = "dtDesaparecimento" onkeyup="mascara_data('divDateDesaparecimento',this)">
							</div>
						</div>
					</div>
										
					<div class="control-group" id ="divRelato">
						<label class="control-label" for="inputWarning">Relato</label>
						<div class="controls">
							<textarea title="Nao utilize acentuacao!!" class = "span6" id="relato" placeholder="Descricao dos fatos" name = "relato" onblur="validarTexto(this,'divRelato')"></textarea>
						</div>
					</div>
					
					<p>
						<label>Estado</label>
						<select name ="estado" class= "span2" id= "estado" disabled>
						<option id="12" selected="selected">Mato Grosso do Sul</option>
							<?php //implementar autopreenchimento da combobox
// 								$sql = "SELECT * FROM estado where estado = 12";
// 								$banco->conectar();
// 								$res = $banco->executarConsulta($sql);
// 								$banco->desconectar();
// 									while($row = mysql_fetch_array($res)){	
// 										$id = $row['id_cidade'];
// 										$nome = $row['nome'];
// 										echo "<option id='$id'>$nome</option>";	
// 									}						
							?>
							
						</select>
					</p>
					<p>
						<label>Cidade</label>
						<select name= "cidade" class="span3">						
							<?php //implementar autopreenchimento da combobox
							$sql = "SELECT * FROM cidade where estado = 12";
							$banco->conectar();
							$res = $banco->executarConsulta($sql);
							$banco->desconectar();
								while($row = mysql_fetch_array($res)){	
									$id = $row['id_cidade'];
									$nome = $row['nome'];
									echo "<option id='$id'>$nome</option>";	
								}							
							?>							
						</select>
					</p>
			
			</fieldset>			
			
			<p>
				<input name="id_noticia" type="hidden" value="<? //echo $id_noticia; ?>"> 
				<input type=submit class="btn btn-inverse" name='submit'>
			</p><br><br>	
		</fieldset>
	</form>

	</div>
